<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery框架--javaScript 行为层 做页面触发型效果
		     JQuery框架封装了 JavaScript所有功能JQuery框架{又叫做JS类型}
		     一。使用JQuery使用
			 ①官方网站下载JQuery框架.版本格式：JQuery-1.11.1.js
			 注意：JQuery-2-xx.js  以上版本不支持IE 6 7 8
			 ②引入JQuery框架，在head元素中，添加script元素，
			 ③JQuery语法使用，在后标记body元素前加script元素在这个元素中写JQ语法
		     
			 JavaScript三部分组成   EMCAScript5.0 核心语法 理解Java基础
		                           功能：做逻辑
								   输出语句1.document.write(内容＋元素)
								         效果直接输出页面中
										 【较为常用】
										2.console.log("内容＋变量值")
										任何浏览器F12	直接在控制台输出内容加变量值
										调试页面数据.查看页面程序运行状态
										【非常常用】
										3.alert("内容＋变量值")
										弹出框效果.测试功能是否生效
										4.confirm("内容")
										弹出框,判断基础逻辑
									{重点} DOM Document Object Model文档节点对象模型
										 功能：改变页面效果{结合逻辑操作页面元素和属性}
										 改变页面效果--DOM树概念
										 JS/JQ 写在最后一个body前原因
										 DOM认为页面一颗DOM树.树根document
										 按照html元素结构 body元素页面出现
										 元素最多位置.等待元素出现。才可以改变
										 元素效果
										 
										 BOM Borwser Object Model 浏览器对象模型
										 针对浏览器功能操作
												  
												  
												  
										 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
			$("button").click(function(){document.write("<h1>准备下课~</h1>")})
		</script>
	</body>
</html>